<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>UADE :: Despacho 2 | Grupo 17 &copy; 2014</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
<script language="javascript">
function editar(id){
	document.getElementById("div_editar").style.display = "block";
}

function quitar(){
	var elSel = document.getElementById("servicios_agregados");
	var i;
	for (i = elSel.length - 1; i>=0; i--){
		if (elSel.options[i].selected){
			elSel.remove(i);
		}
	}
}

function agregar(){
	var origenSel = document.getElementById("lista_servicios");
	var destinoSel = document.getElementById("servicios_agregados");
	var elOptNew = document.createElement('option');
	var i;
	var repetido = 0;
	elOptNew.value = "";
	elOptNew.text = "";
	for (i = origenSel.length - 1; i>=0; i--){
		if (origenSel.options[i].selected){
			elOptNew.value = origenSel.options[i].value;
			elOptNew.text = origenSel.options[i].text;
		}
	}
	
	for (i = destinoSel.length - 1; i>=0; i--){
		if (elOptNew.value == destinoSel.options[i].value){
			repetido = 1;
		}
	}
	if(repetido == 0){
		try{
			destinoSel.add(elOptNew, null); // standards compliant; doesn't work in IE
		}catch(ex){
			destinoSel.add(elOptNew); // IE only
		}
	}
}
</script>
</head>

<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tall_top" style="width: 780px;"> 
  <div class="tall_center"> 
    <div class="tall_bottom"> 
      <div id="main" > 
        <!-- header -->
        <div id="header"> 
          <div class="col_1"> 
            <div class="indent"> 
              <h1>UADE :: Despacho 2 | Grupo 17 &copy; 2014</h1>
              <img src="images/slogan.jpg" alt="" width="232" height="59" /> </div>
          </div>
          <div class="col_2"> 
            <div class="row_1"> 
              <div class="indent">
              	<img alt="" src="images/spacer.gif" width="156" height="1" /><a href="listado_articulos.html"><img alt="" src="images/header_link1_act.gif" /></a>  
              </div>
            </div>
            <div class="row_2"> 
              <div class="menu_block"> 
                <div class="right"> 
                  <div class="right_line"> 
                    <div class="ind" style="height: 115px; padding-left: 60px;">
						<ol>
							<li><span>-</span> <a href="listado_articulos.html">Listado de Articulos</a></li>
							<li><span>-</span> <a href="recepcion_articulos.html">Recepci&oacute;n de Articulos</a></li>
							<li><span>-</span> <a href="informe_portales.html">Informe Portales</a></li>
							<li><span>-</span> <a href="listado_ordenes_solicitudes.html">Listado de Ordenes c/ Solicitudes</a></li>
							<li class="li_act"><span>-</span><strong> Configuraci&oacute;n</strong></li>
						</ol>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <!-- content -->
        <div id="content"> 
          <div class="indent"> 
            <div class="wrapper"> 
              <table class="col_1 maxheight" style="width: 100%; height: 100%;"><tr><td>
                <div class="indent"> <img src="images/header_bgd_top.gif" alt="" width="47" height="12" class="title" /> <span style="font-weight:bold; font-size: 14px; font-family: sans-serif; color: #A4E100;">Configuraci&oacute;n</span><br /></div>
                  <table cellpadding="5" cellspacing="5" border="0" style="border:2px solid #A4E100; width: 95%; padding: 10px; margin: 10px;">
                  	<tr>
                  		<td colspan="5" style="font-weight:bold; line-height:0.5em;">MODULOS</td>
                  	</tr>
                  	<tr>
                  		<td colspan="5"><hr style="color: #A4E100; border: 2px solid #A4E100;"></hr></td>
                  	</tr>
                  	<tr>
                  		<td style="font-weight:bold; line-height:0.5em;"> </td>
                  		<td style="font-weight:bold; line-height:0.5em;"><img src="images/marker.gif" border="0"></img> Id</td>
                  		<td style="font-weight:bold; line-height:0.5em;"><img src="images/marker.gif" border="0"></img> Nombre</td>
                  		<td style="font-weight:bold; line-height:0.5em;"><img src="images/marker.gif" border="0"></img> IP</td>
                  		<td style="font-weight:bold; line-height:0.5em;"><img src="images/marker.gif" border="0"></img> Servicios</td>
                  	</tr>
                  	<tr>
                  		<td colspan="5"><hr style="color: #A4E100; border: 2px solid #A4E100;"></hr></td>
                  	</tr>
                  	<tr>
                  		<td><img src="images/editar.png" border="0" title="Editar" style="cursor: pointer;" onclick="editar(1);"></img></td>
                  		<td> 1</td>
                  		<td>Nombre</td>
                  		<td>192.168.0.1</td>
                  		<td>Servicio1, Servicio2, Servicio3</td>
                  	</tr>
                  	<tr>
                  		<td><img src="images/editar.png" border="0" title="Editar" style="cursor: pointer;" onclick="editar(2);"></img></td>
                  		<td> 2</td>
                  		<td>Nombre</td>
                  		<td>192.168.0.1</td>
                  		<td>Servicio1, Servicio2, Servicio3</td>
                  	</tr>
                  	<tr>
                  		<td><img src="images/editar.png" border="0" title="Editar" style="cursor: pointer;" onclick="editar(3);"></img></td>
                  		<td> 3</td>
                  		<td>Nombre</td>
                  		<td>192.168.0.1</td>
                  		<td>Servicio1, Servicio2, Servicio3</td>
                  	</tr>
                  	<tr>
                  		<td><img src="images/editar.png" border="0" title="Editar" style="cursor: pointer;" onclick="editar(4);"></img></td>
                  		<td> 4</td>
                  		<td>Nombre</td>
                  		<td>192.168.0.1</td>
                  		<td>Servicio1, Servicio2, Servicio3</td>
                  	</tr>
                  	<tr>
                  		<td><img src="images/editar.png" border="0" title="Editar" style="cursor: pointer;" onclick="editar(5);"></img></td>
                  		<td> 5</td>
                  		<td>Nombre</td>
                  		<td>192.168.0.1</td>
                  		<td>Servicio1, Servicio2, Servicio3</td>
                  	</tr>
                  </table>
                  <div id="div_editar" name="div_editar" style="display: none;">
	                  <table cellpadding="5" cellspacing="5" border="0" style="border:2px solid #A4E100; width: 95%; padding: 10px; margin: 10px;">
	                  	<tr>
	                  		<td colspan="5" style="font-weight:bold; line-height:0.5em;">EDITAR MODULO ID <input name="edit_id" id="edit_id" value="1" style="background-color: #2D2D2D; font-family: sans-serif; font-size:11px; color: #FFFFFF; border: 0px; font-weight: bold;"></input></td>
	                  	</tr>
	                  	<tr>
	                  		<td colspan="5"><hr style="color: #A4E100; border: 2px solid #A4E100;"></hr></td>
	                  	</tr>
	                  	<tr>
	                  		<td>Nombre: <input id="nombre" name="nombre" value="Nombre" style="margin: 3px; border: solid 2px #A4E100; font-family: sans-serif; font-size:10px; "></input></td>
	                  		<td colspan="2">IP:  <input id="ip" name="ip" value="192.168.0.1" style="margin: 3px; border: solid 2px #A4E100; font-family: sans-serif; font-size:10px; "></input></td>
	                  	</tr>
	                  	<tr>
	                  		<td colspan="3">Servicios:</td>
	                  	</tr>
	                  	<tr>
	                  		<td style="width: 33%;">Servicios Agregados
	                  			<select id="servicios_agregados" name="servicios_agregados" size="5" style="width: 200px; font-family: sans-serif; font-size: 10px;">
	                  				<option value="id_servicio1">id - Servicio1 - 10</option>
	                  				<option value="id_servicio2">id - Servicio2 - 10</option>
	                  				<option value="id_servicio3">id - Servicio3 - 10</option>
	                  			</select>
	                  		</td>
	                  		<td style="width: 33%;" align="center">
	                  			<input style="margin:3px; cursor: pointer; width: 90px;" type="button" name="quitar" id="quitar" value="Quitar >>" class="button grey" onclick="quitar();"></input><br />
	                  			<input style="margin:3px; cursor: pointer; width: 90px;" type="button" name="agregar" id="agregar" value="&lt;&lt; Agregar" class="button grey" onclick="agregar();"></input>
	                  		</td>
	                  		<td style="width: 33%;">Lista de Servicios
	                  			<select id="lista_servicios" name="lista_servicios" size="5" style="width: 200px; font-family: sans-serif; font-size: 10px;">
	                  				<option value="id_servicio1">id - Servicio1 - 10</option>
	                  				<option value="id_servicio2">id - Servicio2 - 10</option>
	                  				<option value="id_servicio3">id - Servicio3 - 10</option>
	                  				<option value="id_servicio4">id - Servicio4 - 10</option>
	                  				<option value="id_servicio5">id - Servicio5 - 10</option>
	                  				<option value="id_servicio6">id - Servicio6 - 10</option>
	                  				<option value="id_servicio7">id - Servicio7 - 10</option>
	                  				<option value="id_servicio8">id - Servicio8 - 10</option>
	                  				<option value="id_servicio9">id - Servicio9 - 10</option>
	                  			</select>
	                  		</td>
	                  	</tr>
	                  	<tr>
	                  		<td colspan="3"><input style="margin:3px; cursor: pointer; width: 90px;" type="button" name="guardar" id="guardar" value="Guardar" class="button grey"></input></td>
	                  	</tr>
	                  </table>
                  </div>
                </td></tr></table>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <!-- footer -->
        <div id="footer"> 
          <div class="indent"> 
            <p>Despacho 2 :: Grupo 17 &copy; 2014 | UADE</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>